<template>
  <div class="step-four-draft">
    <div class="icon">
      <img src="~/assets/images/submit-success.png" alt="" />
      <div>保存草稿成功！</div>
    </div>
    <div class="prompt">
      您可在<a @click="profile">个人中心</a> -
      <a @click="demand">我的需求</a>中查看详细信息
    </div>
  </div>
</template>

<script>
export default {
  name: "Requirement4Draft",
  methods: {
    profile() {
      this.$router.push({ name: "Profile" })
    },
    demand() {
      this.$router.push({ name: "MyDemand" })
    }
  }
}
</script>

<style lang="scss" scoped>
.step-four-draft {
  display: flex;
  flex-direction: column;
  align-items: center;

  .icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 38px;

    img {
      width: 100px;
      height: 100px;
      margin-bottom: 20px;
    }

    div {
      color: #e48b2c;
      font-weight: bold;
      font-size: 20px;
    }
  }

  .prompt {
    a {
      color: #62b5d4;
      cursor: pointer;
    }
  }
}
</style>
